.PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.Flex{
    display:flex;
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}
.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}
.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}
.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-right,@right);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-left,@left);
}
.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}
.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}
.Lo_voucher02_header{
    .PxToRem(height,88);
    .PxToRem(font-size,35);
    .Flex;
    justify-content: space-between;
    align-items: center;
    background: url(../imgs/Reg_serve_bg01.jpg);
    padding-left: 2%;
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    p:nth-child(1){
        img{
            .PxToRem(width,55);
            .PxToRem(height,53);
        }
    }
}
.Lo_voucher02_main{
   .PxToRem(padding-top,88);
   padding-left: 6%;
   padding-right: 6%;
}
.Lo_voucher02_section1{
    dl{
      p:nth-child(1){
        .PxToRem(font-size,24);
        .PxToRem(padding-top,40);
        .PxToRem(padding-bottom,15);
      }
      p:nth-child(2){
        width: 95%;
        .PxToRem(height,100);
        .PxToRem(font-size,22);
        .PxToRem(line-height,40);
        .PxToRem(padding-top,25);
        .PxToRem(padding-left,25);
        border: 1px solid #d7d7d7;
      }
    }
}
.Lo_voucher02_section2{
    dl{
      p:nth-child(1){
        .PxToRem(font-size,24);
        .PxToRem(padding-top,40);
        .PxToRem(padding-bottom,15);
      }
      p:nth-child(2){
        width: 95%;
        .PxToRem(height,100);
        .PxToRem(font-size,22);
        .PxToRem(line-height,40);
        .PxToRem(padding-top,25);
        .PxToRem(padding-left,25);
        border: 1px solid #d7d7d7;
      }
    }
}
    .Lo_voucher02_section3{
    dl{
      p:nth-child(1){
        .PxToRem(font-size,24);
        .PxToRem(padding-top,40);
        .PxToRem(padding-bottom,15);
      }
      p:nth-child(2){
        width: 95%;
        .PxToRem(height,100);
        .PxToRem(font-size,22);
        .PxToRem(line-height,40);
        .PxToRem(padding-top,25);
        .PxToRem(padding-left,25);
        border: 1px solid #d7d7d7;
      }
    }
}
    .Lo_voucher02_section4{
    dl{
      p:nth-child(1){
        .PxToRem(font-size,24);
        .PxToRem(padding-top,40);
        .PxToRem(padding-bottom,15);
      }
      p:nth-child(2){
        width: 95%;
        .PxToRem(height,100);
        .PxToRem(font-size,22);
        .PxToRem(line-height,40);
        .PxToRem(padding-top,25);
        .PxToRem(padding-left,25);
        border: 1px solid #d7d7d7;
      }
    }
}

